<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text">
<input type="text">
<input type="button" value="+">
<input type="button" value="-">
<input type="button" value="*">
<input type="button" value="/">
<div><span></span></div>
<!--引入jQuery框架-->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
  //先添加所有按钮button的click事件
  $("input[value]").click(function () {
    //获取每个文本框得到的值
    let num1 = $("input:eq(0)").val();
    let num2 = $("input:eq(1)").val();
    let result = eval(num1+$(this).val()+num2);
    //再把运算结果放到span块中-----注意方法一定要加()不然会导致程序出错
    $("span").text(result);
  })
</script>
</body>
</html>